// 认证页面样式变量
// ===========================

// 颜色系统
$auth-primary: #667eea;
$auth-primary-dark: #5a6fd8;
$auth-primary-light: #7b8ef0;

$auth-glass-bg: rgba(255, 255, 255, 0.08);
$auth-glass-border: rgba(255, 255, 255, 0.12);
$auth-glass-hover: rgba(255, 255, 255, 0.15);

$auth-text-primary: rgba(255, 255, 255, 0.95);
$auth-text-secondary: rgba(255, 255, 255, 0.8);
$auth-text-muted: rgba(255, 255, 255, 0.6);

$auth-input-bg: rgba(255, 255, 255, 0.06);
$auth-input-border: rgba(255, 255, 255, 0.15);
$auth-input-focus: rgba(255, 255, 255, 0.2);

// 布局尺寸
$auth-max-width: 420px;
$auth-max-width-mobile: 360px;
$auth-card-radius: 24px;
$auth-card-radius-mobile: 20px;

$auth-padding-desktop: 48px;
$auth-padding-tablet: 36px;
$auth-padding-mobile: 28px;

// 间距系统
$auth-space-xs: 8px;
$auth-space-sm: 12px;
$auth-space-md: 16px;
$auth-space-lg: 24px;
$auth-space-xl: 32px;
$auth-space-xxl: 48px;

// 阴影系统
$auth-shadow-card:
  0 32px 80px rgba(0, 0, 0, 0.25),
  0 16px 40px rgba(0, 0, 0, 0.1),
  inset 0 1px 0 rgba(255, 255, 255, 0.15);

$auth-shadow-card-hover:
  0 40px 100px rgba(0, 0, 0, 0.3),
  0 20px 50px rgba(0, 0, 0, 0.15),
  inset 0 1px 0 rgba(255, 255, 255, 0.2);

$auth-shadow-button:
  0 8px 32px rgba(0, 0, 0, 0.12);

$auth-shadow-button-hover:
  0 12px 40px rgba(0, 0, 0, 0.2);

// 动画系统
$auth-transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
$auth-transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
$auth-transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

// 模糊效果
$auth-blur-card: blur(32px);
$auth-blur-button: blur(20px);
$auth-blur-overlay: blur(8px);

// 断点
$auth-breakpoint-mobile: 480px;
$auth-breakpoint-tablet: 768px;
$auth-breakpoint-desktop: 1024px;

// Z-index层级
$auth-z-background: -1;
$auth-z-card: 10;
$auth-z-button: 100;
$auth-z-back-button: 1000;